<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/gonggong.css" />
		<script src="js/index.js" type="text/javascript" charset="UTF-8"></script>
		<title>首页</title>
	<body>
		<!-- 头部区域 -->
		<div class="header">
			<div class="top">
				<div class="w1200">
					<div class="fr">
						<a href="login.html">登录</a>|
						<a href="zhuce.html">注册</a>
					</div>
				</div>
			</div>
			<div class="nav bg-white">
				<div class="w1200">
					<a class="fl" href="index.html"><img src="images/logo.png"></a>
					<div class="fr">
						<ul>
							<li class="act"><a href="index.html">首页</a></li>
							<li><a href="jieqi.html">二十四节气</a></li>
							<li><a href="jianjie.html">节气简介</a></li>
							<li><a href="yuanyuan.html">节气渊源</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- banner区域 -->
		<div class="banner"></div>
		<!-- 首页内容区域 -->
		<div class="goods-con">
			<div class="w1200">
				<h3>三立一春</h3>
				<div class="goods-item fr">
					<div class="shangpin item bz">
						<a class="fl bz" href="#">
							<img src="images/jieqi4.jpg">
							<div class="ell_1 tc">春分</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi7.jpg">
							<div class="ell_1 tc">立夏</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi13.jpg">
							<div class="ell_1 tc">立秋</div>
						</a>
						<a class="fl bz" href="#">
							<img src="images/jieqi19.jpg">
							<div class="ell_1 tc">立冬</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- Start:图文介绍 -->
		<div class="jieshao">
			<div class="jieshao-con w1200">
				<img class="fl" src="images/index2.jpg" id="img"/>
				<div class="jieshao1 fl">
					<h3 class="f26" id="h1">清明节介绍</h3>
					<p class="jieshao1p f14">节气解释：清明，在仲春与暮春之交，也就是冬至后的第108天。是中国传统节日，也是祭祖和扫墓的日子。清明最早是节气名称，其变成纪念祖先的节日与寒食节有关。也与此时天气物侯的特点有关。西汉时期的《淮南子·天文训》中说:“春分后十五日，斗指乙，则清明风至。”“清明风”即清爽明净之风。《岁时百问》则说“万物生长此时，皆清洁而明净。故谓之清明。”气候特征：清明时气温变暖，降雨增多，正是春耕春种的大好时节。所以清明对于古代农业生产而言是一个重要的节气。农谚有言 “清明前后，点瓜种豆”、“植树造林，莫过清明”。</p>
				</div>
			</div>
		</div>
		<!-- End:图文介绍 -->
		
	</body>
</html>
